// 1. Vue构建版本配置（运行时或独立版）已在webpack.base.conf中通过别名设置
import Vue from 'vue'          // 导入Vue核心库
import App from './App'        // 导入根组件App
import ElementUI from 'element-ui';         // 导入Element UI组件库
import 'element-ui/lib/theme-chalk/index.css';  // 导入Element UI样式
import router from './router'  // 导入路由配置
import 'iview/dist/styles/iview.css';  // 导入iView样式
import { Menu,MenuGroup,MenuItem,Icon,Timeline,TimelineItem } from 'iview'; // 按需导入iView组件
import VueQuillEditor from 'vue-quill-editor';  // 导入富文本编辑器
import 'quill/dist/quill.core.css'     // Quill编辑器核心样式
import 'quill/dist/quill.snow.css'     // Quill编辑器雪主题样式
import 'quill/dist/quill.bubble.css'   // Quill编辑器气泡主题样式

// 2. 生产环境提示设置
Vue.config.productionTip = false  
// 3. 全局挂载自定义JS模块
Vue.prototype.yzy = require('./assets/js/yzy')

// 4. 全局注册iView组件
Vue.component('Menu', Menu);
Vue.component('MenuGroup', MenuGroup);
Vue.component('MenuItem', MenuItem);
Vue.component('Icon', Icon);
Vue.component('Timeline', Timeline);
Vue.component('TimelineItem', TimelineItem);

// 5. 使用ElementUI和VueQuillEditor插件
Vue.use(ElementUI);
Vue.use(VueQuillEditor);

// 6. 创建Vue根实例
/* eslint-disable no-new */
new Vue({
  el: '#app',         // 挂载到index.html中的#app元素
  router,             // 注入路由配置
  components: { App }, // 注册根组件
  template: '<App/>'   // 使用App组件作为模板
})
